<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>用户登录页面</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        img{
          width: 100%;
        }

        header{
          background: #fee407;
        }

        header .btn{
          display: block;
          float: right;
          opacity: 0.7;
          background: #FFFFFF;
          color: #333;
          font-weight: 400;
          padding: 0.25rem .75rem;
          border-radius: 0.78rem;
          font-size: 0.8rem;
          margin: 0.5rem 1rem;
        }

        .wrap {
            height: 100%;
        }

        .logo{
          background: #fee407;
        }

        .logo_title{
          padding-top: 2rem;
          text-align: center;
          padding-bottom: 1.5rem;
        }
        .logo_title img{
          width: 65%;
        }

        .login_desc{
          text-align: center;
        }

        .login_desc img{
          width: 65%;
        }

        .link_btn {
            color: #333;
        }

        .hj_btn {
            background: #FF9800;
            color: #fff;
            padding: 0.5rem 1rem;
            border-radius: 1rem;
        }

        .hj_btn_small_orange {
          display: inline-block !important;
          color: #333;
          padding: 0.5rem 1rem;
          background: #FEE407;
          border-radius: 0.5rem;
          font-weight: bold;
          font-size: 0.8rem;
        }

        .footer {
            background: #fff;
            width: 100%;
            text-align: center;
            padding-bottom: 2rem;
        }

        .footer .agreement{
          font-size: 0.7rem;
          color: #4a4a4a;
        }

        .footer a{
          font-size: 0.75rem;
          color: #fabd86;
          text-decoration: underline;
        }
    </style>
</head>

<body>
    <div class="wrap flex_column">
        <header>
            <div onclick="justSee()" class="btn btn_right">随便看看</div>
        </header>
        <main class="flex flex_1 flex_column flex_center">
            <div class="logo flex_2 flex_column flex_between">
              <div class="top flex_column flex_center flex_1">
                <div class="logo_title">
                  <img src="../images/login_title.png" alt="">
                </div>
                <div class="login_desc">
                  <img src="../images/login_desc.png" alt="">
                </div>
              </div>
              <div class="login_arc">
                <img style="vertical-align: bottom;" src="../images/login_arc.png" alt="">
              </div>
            </div>
            <div class="footer flex_1 flex_column flex_center">
              <div>
                <div style="margin-bottom:1rem" onclick="login(0)" class="hj_btn hj_btn_small_orange">
                    微信登录
                </div>
                <div class="agreement">
                    登录即表示您同意并愿意遵守老妖精<a href="">（用户协议）</a>
                </div>
              </div>
            </div>
        </main>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/util.js"></script>
<script type="text/javascript">
    var wx;
    apiready = function() {
        var header = $api.dom('header');
        var headerH = $api.fixStatusBar(header);
        api.addEventListener({
            name: 'keyback'
        }, function(ret, err) {
            api.closeWidget();
        });

        //判断是否安装微信
        wx = api.require('wx');

    };

    function justSee(){
      $api.setStorage('token', '-1');
      $api.setStorage('userinfo', null);
      $api.setStorage('headpic', null);
      api.openWin({
          name: 'root',
          reload: true,
          url: '../index.html',
          slidBackEnabled:false
      });
    }


</script>

</html>
